@charset "utf-8";
/*  Cascading Style Sheets For Zulwi Studying Website(http://study.zhuwei.cc)
*	Author		@JerryLocke
*	Blog		http://jerrys.me
*	Date		2014-03-01
*	Copyright	Zulwi Studio
*	Location	Xintian County of Yongzhou City in Hunan Province
*	The sheets need CSS3 effects support , please preview in Chrome 30 or lateset version.
*/

/* Init Style */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;border:none;}
::selection {color:white;background:#5dc9f2;}
html {color:#666;background:#f9f9f9 url('../img/body_bg.png');overflow-y:scroll;font-size:12px;font-family:"Microsoft Yahei","Open Sans","sans-serif";}
ul,ol,li {list-style:none;font-size:14px;}
input,select,textarea,input:focus,select:focus,textarea:focus{outline:none;font-family:"Microsoft Yahei","Open Sans","sans-serif";}
textarea{resize:none;}
img{border:none;}
a {color:#888;text-decoration:none;}
a:hover {color:#5dc9f2;}
h1,h2,h3,h4,h5,h6{clear:both;color:#666;font:24px "Microsoft Yahei","Open Sans","sans-serif";padding:0;padding-bottom:7px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

table { width: 100%; margin-bottom: .48em; }
table td {}
table tr { background: #fff; }
table thead td { border-bottom: 2px solid #fff; border-top: 0; }
table tbody tr:nth-child(odd) { background: #e6e8e9; }
table .fc{width:80px;text-align:center; color:#00a2ca; font-weight:900;}

table.nostyle { width: 100%;}
table.nostyle td { padding:0px;border:none; min-width: auto; line-height: 18px; }
table.nostyle tr { background: none; }
table.nostyle thead td { border:none; }
table.nostyle tbody tr:nth-child(odd) { background: none; }

input{border:1px solid #999; color:#333; padding:2px 5px; width:400px; height:22px;}
input:hover{border-color:#3ebded;}
input:focus{border-color:#00a2ca;outline:1px solid #00a2ca}
input.btn{background:#00a2ca; font-size: 15px; color:#fff; border:none; border-bottom:3px solid #0187a8; height:35px; width:130px; cursor:pointer; text-shadow:0 1px rgba(0,0,0,0.3);}
input.btn:hover{border-color:#036d87; background-color:#0187a8;}
input.radio{width:auto;padding:0;height:auto;border:none;outline:none;}
textarea.text{border:1px solid #999; color:#333; padding:2px 5px; width:400px; height:200px;resize:auto;}
textarea.text:hover{border-color:#3ebded;}
textarea.text:focus{border-color:#00a2ca;outline:1px solid #00a2ca}

/* Common Style */
.container {margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.nopm{padding:0; margin:0;}
.clearm{margin:0;}
.clearp{padding:0;}
.clearfix:after{content:""; display:block; clear:both;}
.clearfix{zoom:1;clear: both; display:block;}
.pageContent{width:1000px;}
.box{cursor:default;font-size:14px;line-height: 150%; overflow: hidden; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.23); box-shadow: 0 1px 3px rgba(0,0,0,0.23); text-shadow:none; color:#333;}

/* Header Style */
.headerBox {position:fixed; width:100%; height:40px; background:#303231; background:rgba(0,0,0,0.73); z-index:101; color:#fff;top:0px; text-shadow:0 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.33); box-shadow:0 1px 3px rgba(0,0,0,0.33);}
.headerBox a{color:#fff;}
.nav{width:1000px;}
.logo{margin-right:10px;}
.navList {margin-right:10px;}
.navList li{text-align:center; float:left; width:90px; height:40px;}
.navList li:hover{background:#0095bb;}
.navList li.current{background:#0095bb;}
.navList li a{height:20px;display:inline-block;width:90px;padding:10px 0;}
.searchForm {height:24px; width:170px; padding:6px 0; overflow:hidden;margin-right:10px;}
.searchForm form{border:2px solid #666;background: #666;border-radius:2px;}
.searchForm form:hover,.searchForm form:focus{border-color:#767676; background-color:#767676;}
.searchForm input{height:16px;width:135px; padding:2px; background:transparent;color:#fff;border:none;}
.searchForm input:focus,.searchForm input:hover{border:none; outline:none;}
.searchForm input[placeholder] {font-family:"Microsoft Yahei","Open Sans","sans-serif";color:#fff;}
.searchForm input::-moz-placeholder {color:#fff;opacity:1!important;}
.searchForm input:-ms-input-placeholder {color:#fff;text-indent:2px;}
.searchForm input::-webkit-input-placeholder {color:#fff;text-indent:2px;}
.searchForm .searchbutton{width:20px;height:100%;background: url("/Public/static/img/search.png") top left no-repeat;}
.avatar{position:relative;height:40px;cursor:pointer;}
.avatar:hover{background:#666;}
.avatarc{height:100%;width:160px;padding:0 20px;}
.avatar .avatarName{ text-align:center; padding:13px 0; vertical-align:top; margin-right:10px;}
.avatar .avatarImg img{border:1px solid #fff;height:25px;margin:7px 0;border-radius:25px;}
.loginBox{display:none; position:absolute; top:40px; left:-120px; width:280px; background:#fff; color:#333; padding:20px;}
.loginBox input{border:1px solid #999; color:#333; padding:2px 5px; width:270px; height:22px;}
.loginBox input:hover{border-color:#3ebded;}
.loginBox input:focus{border-color:#00a2ca;outline:1px solid #00a2ca}
.loginBox .btn{background:#00a2ca; font-size: 15px; color:#fff; border:none; border-bottom:3px solid #0187a8; height:35px; margin-top:10px; width:130px; cursor:pointer; text-shadow:0 1px rgba(0,0,0,0.3);}
.loginBox .btn:hover{border-color:#036d87; background-color:#0187a8;}
.loginBox a {margin-right:8px; padding-top:12px; float:left; color:#0187a8; display:inline;}
.userMenu { display:none;position:absolute; top:40px; left:-91px; background:#fff;padding:2px 5px; text-align:left;width:280px; border:1px solid #dedede;}
.userMenu .userInfo{border-right:1px dotted #dedede; width:180px;height:182px; line-height:15px; }
.userMenu .line{border-bottom:1px dotted #dedede;height:1px;width:100%; position:relative;}
.userMenu ul{width:95px; text-align:center;}
.userMenu li{ width:100%; height:24px;border-bottom:2px solid #fff;padding: 3px 0 0 0;}
.userMenu li:hover{background:#00a2ca;color:#fff; border-color:#0187a8}
.userMenu li:hover a{color:#fff;}
.userMenu li a{color:#333;width:95px;height:29px;line-height;display:block;}
.userMenu .avatarInfo{margin:10px 5px;}
.userMenu .avatarInfo img{width:50px;border:1px solid #dedede; border-radius:50px; float:left;}
.userMenu .name{margin-top:8px; overflow:hidden; white-space:nowrap;font-size:12px; color:#666;}
.userMenu .name h6{margin:0;padding:0;color:#333;text-overflow: ellipsis;overflow: hidden;width: 115px;}
.userMenu .name p{padding-left:2px;line-height:150%;text-overflow: ellipsis;overflow: hidden;width: 115px;}
.userMenu .content{padding:5px 8px; line-height:20px; }
.userMenu .content a{color:#0187a8;}


/* Banner Style*/
.banner{position:relative; top:40px; width:100%; display:inline;}
.banner .slider{width:100%; height:500px; overflow:hidden; border-bottom:2px solid #0095bb;}
.banner li{width:100%; height:100%; float:left;display:inline-block;margin:0;padding:0;}
.banner li img{width:100%;  height:100%; }

/* MainBox Style */
.mainBox{ position:relative;top:40px; width:1000px; overflow:hidden;}
.mainBox .title{height:50px;clear:both;}
.mainBox .title h1{float:left; margin-top:20px;}
.mainBox .title span{float:right; margin:35px 8px 0 0;}
.mainBox .box {background:#fff; margin:1em auto; padding:0; height:300px; overflow:hidden; max-width:1000px;}
.mainBox .box .slider>li{ float:left; padding:0 10px;width:217px; height:298px;border:1px solid #fff; border-right:1px solid #dedede; overflow:hidden;}
.mainBox .box .slider>li:hover{ border:1px solid #00a2ca}
.mainBox .box .slider>li.current{ width:500px;}
.mainBox .box .slider>li .img{ margin:8px 0;width:0px; height:282px; float:left; overflow:hidden;}
.mainBox .box .slider>li.current .img{ width:217px;}
.mainBox .box .slider>li .img img{width:217px;height:282px;}
.mainBox .box .slider>li .img .imgShow{width:1000px;height:282px;}
.mainBox .box .slider>li .img .index{position:relative;top:-30px; z-index:100;width:60px;height:20px;}
.mainBox .box .slider>li .img .index li{width:20px;height:20px; background:url(../img/index-normal.png) top center no-repeat; cursor:pointer;}
.mainBox .box .slider>li .img .index li.current{background-image:url(../img/index-current.png);}
.mainBox .box .slider>li .img li{float:left;}
.mainBox .box .slider>li .text{margin:8px 8px;max-width:267px; height:282px; float:left; overflow:hidden;}
.mainBox .box .slider>li .text h2{color:#555;}

/* UserSay Style*/
.userSay{width:960px;min-height:500px; padding:70px 20px 40px 20px; text-align:center;}
.userSay h2{margin-bottom:20px;}
.userSay ul{ margin: 0 auto; overflow: hidden; text-align:left;height:100%;width:100%;}
.userSay li{ float:left; margin:10px 30px;}
.userSay li .box{ position:relative;background:#fff; min-height:180px; width:380px; padding:20px; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.13); box-shadow:0 1px 3px rgba(0,0,0,0.13);}
.userSay li .box .user img{height:40px; border:1px solid #dedede; border-radius:40px;}
.userSay li .box .user span{color:#333; font-size:20px; margin:8px 5px; vertical-align:top;display: inline-block;}
.userSay li .box .content{margin:10px 0; color:#444;}
.userSay li .box .do{position:absolute; top:190px;color:#666;width:380px;}
.userSay li .box .do span.fl a:hover{text-decoration:underline; }
.userSay li .box .do span.fr a{color:#5dc9f2;}
.userSay li .box .do span.fr a:hover{ color:#888;}
.userSay li .bubbleTriangle{ position:relative;background:url(../img/bubble-triangle.png) no-repeat; height:20px;margin: -2px 0 0 350px;}

/* Title Style */
.pageTitle{padding:40px 0 0 0; background:#fff; height:80px; width:100%;}
.pageTitle .container{width:1000px;padding:18px 0;}
.pageTitle h2{ font-weight:bold; width:70px; height:32px; font-size:28px; color:#00a2ca; border-right:5px solid #00a2ca; float:left;}
.pageTitle span{ float:left; margin:8px 30px; font-size:18px;}
.pageTitle span a.current{color:#5dc9f2;}

/* Book,Video,Test Page Style */
.rightBar h2{border-bottom: 1px dotted #dedede; padding: 25px 0 4px 0;}
.bvtSelector{margin:20px 0;color:#666;}
.bvtSelector a{margin:0px 15px; padding:0 10px;}
.bvtSelector a.current{ color:#fff; background:#00a2ca;}
.bvtSelector table td{padding:8px 20px;border-top: 1px solid #f9f9f9; min-width: 32px; line-height: 20px; }
.bvtContent .bvtInfo{width:779px;min-height:1450px;overflow: auto;border-right:1px solid #e5e5e5; position:relative; margin-bottom:20px;padding-bottom:20px;}
.bvtInfo li{border:1px solid #e5e5e5; width:180px; height:310px;overflow:hidden; float:left; margin:10px 12px 20px 0;}
.bvtInfo li .cover{background:#fff;min-height:184px; border-bottom:1px solid #e5e5e5; text-align:center; padding:10px;}
.bvtInfo li .cover img{width:155px; height:155px;margin-bottom:5px;}
.bvtInfo li .cover span{color:#333; }
.bvtInfo li .desc{padding:4px 10px;background: #f9f9f9;height: 100%;}
.bvtInfo li .desc p{text-indent:10px;word-wrap: break-word;text-overflow: ellipsis;height: 100px;width: 160px;overflow: hidden;}
.bvtInfo li:hover{border:1px solid #00a2ca;}
.bvtContent .bvtInfo .pageSelector{ position:absolute; bottom:12px; height:25px; width:100%; text-align:center;}
.bvtContent .bvtInfo .pageSelector a{margin:0px 0px; padding:0 5px;}
.bvtContent .bvtInfo .pageSelector a.current{ color:#fff; background:#00a2ca;}
.bvtContent .bvtInfo .pageSelector input{width:20px; text-align:center;}
.bvtContent .bvtInfo .pageSelector input.text{ border:1px solid #666;height:15px;}
.bvtContent .bvtInfo .pageSelector input.text:hover,.bvtContent .bvtInfo .pageSelector input.text:focus{ border-color:#00a2ca;}
.bvtContent .bvtInfo .pageSelector input.btn{ background:#00a2ca; border-bottom:1px solid #0187a8; color:#fff; cursor:pointer;width: auto;height: 20px;font-size: 12px;}
.bvtContent .bvtInfo .pageSelector input:hover.btn{ border-color:#036d87; background-color:#0187a8;}
.bvtContent .rightBar{width:200px; min-height:900px; padding:2px 10px;}
.bvtContent .rightBar li{margin-bottom:4px;}
.bvtTitle { margin:20px 0px 5px 10px; float:left; width:100%; overflow:hidden;}
.bvtTitle h2{ font-weight:bold; float:left; margin-right:30px;}
.bvtTitle span{padding-top:8px; display:inline-block; vertical-align:top;}
.bvtBox { width:100%; background:#f7f7f7; border:1px solid #e2e2e2; margin:20px 0;}
.bvtBox h3{color:#1979bd;}
.bvtBox .leftBar{ position:relative; width:749px; border-right:1px dotted #dedede; padding:0; min-height:1150px; background:#fff; overflow-x: hidden;}
.bvtBox .leftBar img{max-width:705px;}
.bvtBox .leftBar .readBook {padding:20px;min-height:700px;}
.bvtBox .leftBar .readBook p{ margin-bottom:20px;}
.bvtBox .leftBar .nextBook{ padding:10px 20px 0 20px; margin-bottom:20px; font-size:15px;}

.comment{width:100%; border-top:1px solid #e2e2e2; border-right:1px solid #e2e2e2;background:#f7f7f7;}
.comment .comList{}
.comment .comList ul{height:100%; border-bottom:1px dotted #dedede;min-height:80px;}
.comment .comList li{overflow: auto;}
.comment .userInfo{width:90px; padding:10px; text-align:center; overflow: hidden;}
.comment .userInfo img{width:60px;height:60px; border:1px solid #dedede; border-radius:60px;}
.comment .bubbleTriangle{ position:relative; width:11px; height:15px; background:url(../img/bubble-triangle-left.png) top left no-repeat; margin-top:20px;z-index:2; }
.comment .comContent{ position:relative; width:585px; min-height:60px; background:#fff; margin:10px 0px; padding:10px 10px 25px 10px; border-radius:2px !important;}
.comment .comList .comContent span{ position:absolute; bottom:1px; font-size:12px; color:#666;}
.comment .comList .comContent span.r{right:8px;}
.comment .comList .comContent a{margin:0 5px;}
.comment .comForm{height:230px;}
.comment .comForm .comContent{padding:10px;}
.comment .comForm textarea{height:150px;width:100%;}
.comment .comForm .tips{margin:15px 0 -5px 5px; text-indent:12px;}

.bvtBox .leftBar .comment .moodContent{width: 608px;}
.bvtBox .leftBar .comment .moodContent .moodComment .commemtCont{width: 542px;margin-left:-10px;}
.bvtBox .leftBar .comment .moodContent .moodComment .commentUser {padding:2px 8px;}
.bvtBox .leftBar .comment .moodContent .moodComment .commentUser img{border:1px solid #dedede; border-radius:35px;}
.bvtBox .leftBar .comment .moods .userInfo{padding:8px 20px;}
.bvtBox .leftBar .comment .moods .userInfo img{width:60px; height:60px; border:1px solid #dedede; border-radius:60px;}
.bvtBox .leftBar .comment .moods .moodContent .sendComment textarea{width:520px;}
.bvtBox .rightBar{padding:20px 15px;width:200px;}
.bvtBox .rightBar .bvtInfo .marks { width:100%; height:50px;}
.bvtBox .rightBar .bvtInfo .marks span{ color:#1979bd; font-size:2.9em; float:left; margin-right:4px;}
.bvtBox .rightBar .bvtInfo .marks p{float:left; display:block; padding-top:8px;}
.bvtBox .rightBar .bvtInfo .status{margin:10px 0;}

.bvtBox .rightBar .bvtInfo .status p{line-height:200%;}
.bvtBox .rightBar .bvtInfo .status i{ background:url(../img/book-info-icons.png) no-repeat; height:16px; width:16px; margin-right:5px;}

.videoBox{background:#212121; margin-top:40px;}
.videoBox .topBox{background:#313030;}
.videoBox .video{height:660px; color:#fff;text-shadow:0 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.33);}
.videoBox .video a{color:#fff;}
.videoBox .video a:hover {color:#5dc9f2;}
.videoBox .title{height:80px;width:1000px;}
.videoBox .title h2{color:#fff; padding-top:20px;}
.videoBox .video .showBox{height:500px;}
.videoBox .video .showBox .show{width:1000px;}
.videoBox .video .infoBox{background:#313030;height:180px;}
.videoBox .video .infoBox .info{width:1000px;}
.videoBox .video .infoBox .info .desc{margin:20px 0;width:679px; height:140px; border-right:1px dashed #fff;}
.videoBox .video .infoBox .info .desc h4{color:#fff;}
.videoBox .video .infoBox .info .status{margin:20px 0;padding:0 10px;width:300px; line-height:195%;}
.videoBox .video .infoBox .info .status i{ background:url(../img/video-info-icons.png) no-repeat; height:16px; width:16px; margin-right:5px;}
.videoContent{width:100%; background:#fff;}
.videoContent .content{width:1000px;}
.videoContent .content li{margin:10px 18px 20px 0; text-align:center;}
.videoContent .content h2{float:left;margin-top:40px;}
.videoContent .content>span{float:right;margin-right:20px; padding-top:50px;}
.videoContent .content .comment{background:#fff;border:none;position:relative;margin:0;}
.videoContent .content .comment .comContent{text-align:left;width: 820px;}
.videoContent .content .comment .comList li{width:990px;}
i.user{ background-position:0 0px !important;}
i.date{ background-position:0 -19px !important;}
i.fav { background-position:0 -37px !important;}
i.comment { background-position:0 -54px !important;}
i.view { background-position:0 -69px !important;}
i.link { background-position:0 -86px !important;}


/* Book,Video,Test Slider */
.bvtSlider li{height:20px;width:200px; overflow:hidden; cursor:pointer; border:none;margin:3px 0; padding:0; float:none;}
.bvtSlider li:hover{border:none;}
.bvtSlider li.current{height:300px; }
.bvtSlider li .desc{border:1px solid #e5e5e5; width:156px; height:232px;overflow:hidden; margin:10px 0; padding:10px; background: #f9f9f9; cursor:default;}
.bvtSlider li .desc img{cursor:pointer;}

/* MyZone Style */
.myContent{width:1000px; margin-top:50px; background:#f5f5f5;}
.myContent .leftBar{width:201px;height:100%;text-align:center;}
.myContent .leftBar .myAvatar{width:195px; height:195px; padding:3px; background:#fff; position:relative;}
.myContent .leftBar .myAvatar img{width:195px;height:195px;}
.myContent .leftBar .myAvatar .change{position:absolute;bottom:3px;width:195px; background:#666;background:rgba(0,0,0,0.59); display:none; padding:3px 0;}
.myContent .leftBar .myAvatar .change a{color:#fff;}
.myContent .leftBar .myAvatar .change a:hover{color:#5dc9f2;}
.myContent .leftBar .info{color:#989898; font-size:20px; padding:15px 10px;}
.myContent .leftBar .leftMenu .myMenu{width:100%; height:100%; padding-top:5px;background:#f5f5f5;}
.myContent .leftBar .leftMenu .myMenu li{width:100%; height:50px;}
.myContent .leftBar .leftMenu .myMenu li a{width:100%;height:20px;display: inline-block; padding:15px 0;}
.myContent .leftBar .leftMenu .myMenu li.current{background:#5dc9f2; color:#fff;}
.myContent .leftBar .leftMenu .myMenu li.current a{ color:#fff;}
.myContent .mainBar{width:757px;height:100%;background:#fff;min-height:900px;padding:10px 20px;border:1px solid #e7e7e7; border-width:0 1px;line-height:200%;}
.myContent .mainBar .mainCon{width:530px;}
.myContent .mainBar .tips{color:#777; padding:10px; font-size:18px;}
.myContent .mainBar .tips span{font-size:12px; margin-left:10px;}
.myContent .mainBar .sendBox {}
.myContent .mainBar .sendBox .bubbleTriangle{position:relative;width: 11px;height: 15px;background: url(../img/bubble-triangle-left.png) top left no-repeat;margin-top: 20px;z-index: 2;}
.myContent .mainBar .send{width:490px;height:100px; padding:10px;}
.myContent .mainBar .send textarea{height:100px;width:100%;}
.myContent .mainBar .tab{width:490px;height:30px; border-bottom:2px solid #eee; padding:15px 10px 0 10px;}
.myContent .mainBar .tab li{float:left; margin-right:20px; width:80px; text-align:center; cursor:pointer;}
.myContent .mainBar .tab li.current{background:#25aae2; color:#fff;}
.myContent .rightBar{width:250px;}
.myContent .mainBar h2{border-bottom:1px solid #dedede;margin:10px 0 15px 0;font-weight: bold; }

.myContent .mainBar .avatarSetting{margin-bottom:50px;}
.myContent .mainBar .avatarSetting form{height:180px;}
.myContent .mainBar .avatarSetting .uploadArea {position: relative;float: left;margin-right: 30px;width: 200px;height: 200px;background-color: #F5F5F5;border: 1px solid #e1e1e1;}
.myContent .mainBar .avatarSetting .uploadArea .fileTips {position: absolute;top: 90px;left: 0;padding: 0 15px;width: 170px;line-height: 1.4;font-size: 12px;color: #A8A8A3;text-align: center;}
.myContent .mainBar .avatarSetting .uploadArea .userupIcon {display: inline-block;margin-right: 3px;width: 16px;height: 16px;vertical-align: -2px;background: url("/Public/static/img/userup_icon.png") no-repeat;}
.myContent .mainBar .avatarSetting .uploadify-button{line-height: 120px!important;text-align: center;}
.myContent .mainBar .avatarSetting .previewArea {float: left;}
.myContent .mainBar .avatarSetting .previewArea .tCrop {clear: right;font-size: 14px;font-weight: bold; color:#666;}
.myContent .mainBar .avatarSetting .previewArea .crop {float: left;margin:18px 0;overflow: hidden;border: 1px solid #e1e1e1;}
.myContent .mainBar .avatarSetting .previewArea .crop100 {height: 100px;width: 100px;}
.myContent .mainBar .avatarSetting .previewArea .crop100 img{width:100px;height:100px;}
.myContent .mainBar .avatarSetting .previewArea .crop50 {height: 50px;margin-left: 20px;width: 50px;}
.myContent .mainBar .avatarSetting .previewArea .crop50 img{width:50px;height:50px;}
.myContent .mainBar .avatarSetting .previewArea .savePic {clear: left;margin-right: 20px;}
.myContent .mainBar .avatarSetting .preview {position: absolute;top: 0;left: 0;z-index: 11;width: 200px;height: 200px;overflow: hidden;background:#fff;display: none;}
.myContent .mainBar .avatarSetting .previewArea .operaArea .btn{width:100px;margin-right:5px;padding:0;}




/* Moods List */
.moods{ height:100%;min-height:80px; margin-top:5px;}
.moods li{overflow: auto; border-bottom:1px dotted #dedede;padding:5px 0 0 0;}
.moods .userInfo{width:70px; text-align:center; overflow: hidden; padding:8px 5px;}
.moods .userInfo img{width:50px;height:50px; border:1px solid #dedede; border-radius:50px;}
.moods .bubbleTriangle{ position:relative; width:11px; height:15px; background:url(../img/bubble-triangle-left.png) top left no-repeat; margin-top:20px;z-index:2; }
.moods .moodContent{ position:relative; width:425px; min-height:60px; background:#fff; margin:5px 0px;border-radius:2px !important;}
.moods .moodContent p{ padding:10px 10px 25px 10px;}
.moods .moodContent span{ font-size:12px; color:#666; padding:0 10px; }
.moods .moodContent span.r{right:8px;}
.moods .moodContent .moodComment{ border-top:1px solid #dedede;width:100%;min-height:50px; background:#f5f5f5;overflow:auto;}
.moodComment li{ font-size:12px; line-height:18px;}
.moods .moodContent .moodComment .commentUser {width:40px;height:34px;padding:0 2px; text-align:center;}
.moods .moodContent .moodComment .commemtCont{width:363px;padding:2px 10px;margin-left:-8px;}
.moods .moodContent .moodComment .commentUser {padding:2px 5px;}
.moods .moodContent .moodComment .commentUser img{width:35px; border:1px solid #dedede; border-radius:50px;}
.moods .moodContent .moodComment .commemtCont .name{ margin-top:-5px;}
.moods .moodContent .moodComment .commemtCont .cont{font-size:12px; padding:0;width:330px;min-height:10px;}
.moods .moodContent .moodComment .commemtCont span{padding:0; font-size:10px; color:#888;}
.moods .moodContent .moodComment .commemtCont .do{}
.moods .moodContent .sendComment {width:580px;padding:10px 5px; overflow:auto; display:none;}
.moods .moodContent .sendComment textarea{width:355px;height:40px; border:1px solid #dedede; padding:4px; overflow:auto;}
.moods .moodContent .sendComment .btn{margin-top:0px;height:50px;width:50px; color:#fff;background:#00a2ca;border-bottom: 3px solid #0187a8; cursor:pointer;}
.moods .moodContent .sendComment .btn:hover{border-color: #036d87;background-color: #0187a8;}

/* Register Page */
.regPage{width:1000px;margin-top:60px;}
.regPage .reg{width:938px; background:#f7f7f7; border:1px solid #e2e2e2; margin:20px 0; padding:30px; background:#fff; width:500px; margin-bottom:50px;}
.regPage .reg p{padding:10px 0; font-size:18px; }
.regPage .reg input{border: 1px solid #999;color: #333;padding: 2px 5px;width: 480px;height:28px; margin:10px 0; display:block;}
.regPage .reg input:hover {border-color: #3ebded;}
.regPage .reg input:focus{border-color:#00a2ca;outline:1px solid #00a2ca}
.regPage .reg .btn{background: #00a2ca;font-size: 15px;color: #fff;border: none;border-bottom: 3px solid #0187a8;height: 45px;margin-top: 10px;width: 492px;cursor: pointer;text-shadow: 0 1px rgba(0,0,0,0.3);}
.regPage .reg .btn:hover{border-color:#036d87; background-color:#0187a8;}
.regPage .desc{ padding:50px 30px;width: 350px; line-height:250%;}

/* Tips */
.tip{border: 1px solid #afc76c;background: #EFF4D4;padding:2px;color: #779B39;display: none;height: 20px;border-radius: 1px;cursor: pointer; text-indent:25px;}
.tip.success{color: #779B39;background: #EFF4D4 url('../img/success.png') 5px 5px no-repeat; border-color:#afc76c;}
.tip.error{color: #cc6666;background: #fadcd8 url('../img/error.png') 5px 5px no-repeat; border-color:#eba8a8;}

/* Footer Style */
.footer{ margin-top:20px;background:#fff;height:30px;width:100%; border-top:2px solid #0095bb;}
.footer .copyright{padding:7px 0;width:1000px;}